<template>
  <div class="lookMointer">
    <vsi
      :monitoringNumber="obj ? obj.indexCode : ''"
      ref="vsi"
      :markerGeometries="markerGeometries"
      :layout="markerGeometries.length || 1"
    ></vsi>
  </div>
</template>

<script>
import { lookMointer } from "@/api/assets-overview";
export default {
  name: "lookMointer",
  props: {
    obj: {
      type: Object,
      default: () => {},
    },
    markerGeometries: {
      type: Array,
      default: () => [],
    },
  },
  components: {
    vsi: () => import("@/components/vsi.vue"),
  },
  data() {
    return {};
  },

  mounted() {},

  methods: {
    lookMointer() {
      lookMointer({ cameraIndexCode: this.obj.indexCode, protocolStr: "rtmp" })
        .then((res) => {
          console.log(res, "...res");
        })
        .catch((err) => {
          this.$Message.error(err?.msg);
        });
    },
  },
};
</script>

<style lang="scss" scoped>
.lookMointer ::v-deep {
}
</style>
